<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <meta HTTP-EQUIV="Expires" CONTENT="0">
    <link href="../pic/logo.ico" rel="shortcut icon">
    <link rel="stylesheet" href="../lib/element/index.css">
    <link rel="stylesheet" href="../../node_modules/animate.css/animate.min.css">
    <link href="../lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../common/common.css">
    <title>帮助中心</title>
</head>
<body style="width: 100%">
<div class="container" style="margin: 0;width: 100%;overflow: hidden" v-cloak id="app">
    <mainnav>
        <el-button type="text" style="font-size: 15px" slot="slot3" onclick="window.open('https://github.com/sx1989827/SBDoc','_blank')">开源</el-button>
        <el-popover ref="popover" placement="bottom" width="250" trigger="hover" slot="other">
            <span style="font-size: 15px;color: #20A0FF">
                欢迎加入QQ讨论群：<span style="color: red">611940610</span>
            </span>
        </el-popover>
        <el-button type="text" style="font-size: 15px" v-popover:popover slot="slot4">QQ群</el-button>
        <el-button type="text" style="font-size: 15px" slot="slot1" v-if="!isLogin" onclick="location.href='../about/about.html'">关于</el-button>
        <el-button type="text" style="font-size: 15px" slot="slot2" v-if="!isLogin" onclick="location.href='../help/help.html'">帮助</el-button>
        <span style="color: #20A0FF;font-size: 25px" slot="title">帮助中心</span>
    </mainnav>
    <el-row class="row" style="text-align: center;margin-top: 20px;height: 700px">
        <el-col class="col" :span="4" style="font-size: larger;color: #50a3ff;font-weight: bold">
            基础
            <ul style="font-size:15px;color: gray;padding: 0">
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'p0371wi8gjv',this.innerText)">注册登录</a>
                </li>
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'l03711q2boj',this.innerText)">创建工程</a>
                </li>
            </ul>
            接口管理
            <ul style="font-size:15px;color: gray;padding: 0">
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'x0371ckqb5t',this.innerText)">分组设置</a>
                </li>
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'o0371vnqyuv',this.innerText)">新建接口</a>
                </li>
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'v0371fsx8mb',this.innerText)">接口管理</a>
                </li>
            </ul>
            接口调试
            <ul style="font-size:15px;color: gray;padding: 0">
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'n0371ng5cwt')">外网调试</a>
                </li>
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'d0371elub6a',this.innerText)">接口一键生成</a>
                </li>
                <li style="list-style-type:none;">
                    <a style="color: gray;cursor: pointer" onclick="goTo.call(this,'z0371u3r4zl',this.innerText)">内网调试</a>
                </li>
            </ul>
        </el-col>
        <el-col class="col" :span="20">
            <el-row class="row" style="text-align: center;font-size: 20px;color: gray" id="title">
                注册登录
            </el-row>
            <iframe frameborder="0" width="640" height="498" src="https://v.qq.com/iframe/player.html?vid=p0371wi8gjv&tiny=0&auto=0" allowfullscreen id="video"></iframe>
        </el-col>
    </el-row>
    <el-row class="row" style="height: 200px;background-color: rgb(39,52,68);">
        <el-col class="col" :span="4" style="display: inline-block;color: white;text-align: center;line-height: 200px;font-size: larger;">
            <a href="../about/about.html" style="color: white;text-decoration: none" target="_blank">关于我们</a>
        </el-col>
        <el-col class="col" :span="4" style="display: inline-block;color: white;text-align: center;line-height: 200px;font-size: larger;">
            <a href="../about/about.html" style="color: white;text-decoration: none" target="_blank">支持我们</a>
        </el-col>
        <el-col class="col" :span="4" style="display: inline-block;color: white;text-align: center;line-height: 200px;font-size: larger;height: 100%">
            <a href="../help/help.html" style="color: white;text-decoration: none" target="_blank">帮助中心</a>
        </el-col>
        <el-col class="col" :span="12" style="color: white;height: 100%">
            <img src="../pic/logo.png" width="100" height="100" style="float: right;margin-top: 50px;margin-right: 50px">
        </el-col>
        <el-row class="row" style="position: absolute;bottom: 0px;left:0px;height: 30px;color: lightgray;text-align: center">
            Copyright&nbsp;©&nbsp;2016～2017&nbsp;合肥市胖胖羊信息科技有限责任公司&nbsp;皖ICP备17002996号
        </el-row>
    </el-row>
</div>
<script src="../../dist/vendor.bundle.js"></script>
<script src="../lib/element/index.js"></script>
<script src="../../dist/help.js"></script>
<script>
    function goTo(id,title) {
        document.getElementById("video").src="https://v.qq.com/iframe/player.html?vid="+id+"&tiny=0&auto=0";
        document.getElementById("title").innerText=this.innerText;
        return false;
    }
</script>
</body>
</html>